<template>
    <div class="main">
        <el-dropdown placement="bottom" size="small">
            <el-button class="d2-mr btn-text can-hover" type="text">
                <d2-icon name="language" style="font-size: 16px;" />
            </el-button>
            <el-dropdown-menu slot="dropdown">
                <el-dropdown-item v-for="language in languages" :key="language.value" :command="language.value">
                    <!-- <d2-icon :name="$i18n.locale === language.value ? 'dot-circle-o' : 'circle-o'" class="d2-mr-5"/> -->
                    {{ language.label }}
                </el-dropdown-item>
            </el-dropdown-menu>
        </el-dropdown>
    </div>
</template>

<script>
import d2Icon from "../../../components/d2-icon/index.vue"

export default {
    data: function () {
        return {
            languages: [
                { value: '简体中文', label: '简体中文' },
            ]
        }
    },
    components: {
        d2Icon
    }
}
</script>

<style lang="less" scoped>
.main {
    padding: 0 10px;
}
</style>
